---
title: "Text"
description: "The Text component is a lightweight wrapper around the native paragraph element, providing consistent typography styles, responsive sizing, and muted foreground colors for readable content."
published: true
order: 1
---

## Basic

<How toUse="surfaces/text/text-basic-demo"/>

## Installation
```bash
npx shadcn@latest add @intentui/text
```

## Manual installation
```bash
npm i tailwind-merge
```
<SourceCode toShow='text'/>

## Anatomy
```
import { Text, } from "@/components/ui/text"

<Text>The quick brown fox jumps over the lazy dog</Text>
```
